<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>直播课堂</title>
	<link rel="stylesheet" href="./dist/css/chartroom.css"/>
	<link rel="stylesheet" href="./dist/css/neplayer.min.css">
	<style>
		/* style="display:none;" */
	</style>
</head>
<body>
	<div class="m-head">
		<div class="g-doc">
			<div class="logo item">直播课堂</div>
			<div class="nav item"   style="display:none;">
				<!-- <a href="../index.html">DEMO首页</a> -->
				<button id="btn">测试</button>
			</div>
			<div class="nav item">
				<a href="./list.html">直播课堂首页</a>
			</div>
			<div class="info item">
				<img src="./images/default-icon.png" alt="头像" id="avatar">
				<!--a href="./roomManage.html" id="nickName">匿名</a-->
				<span id="nickName">匿名</span>
				<a href="./login.html" id="chatroom-login">登录</a>
				<a id="chatroom-logout">注销</a>
			</div>
			<div class="action item" style="display: none;"><a href="./anchor.html"><b class="icon"></b>我要当主播</a></div>
		</div>
	</div>
	<div class="g-doc">
		<div class="m-room" id="room">
			<div class="g-left">
				<div class="info">
					<div class="avatar">
						<img class="image" id="roomAvatar" src="./images/default-icon.png"/>
					</div>
					<div class="detail">
						<p class="title" id="roomTitle">房间名</p>
						<p class="desc">主播：<span id="roomCreator"></span>&nbsp;&nbsp;在线人数：<span id="roomOnlineMemberNum"></span></p>
					</div>
				</div>
				<div class="media">
					<!-- <video id="my-video" class="video-js" x-webkit-airplay="allow" webkit-playsinline controls poster="poster.png" preload="auto" width="640" height="360" >
						<source id="my_source" src="" type="rtmp/flv">
					</video> -->
					<video id="my-video" width="744" height="453" controls="controls"  style="display: none;" class="video-js vjs-big-play-centered"></video>
					<img src="" id="video" class="hide">
					<div src="" id="video1" class="" style="width:50px;;height: 50px;"></div>
				</div>
			</div>
			<div class="g-right">
				<div class="m-status" id="linkStatus">连接中。。。</div>
				<div class="announcement_title" style="display: none;">
					直播公告
				</div>
				<div class="announcement" id="roomAnnouncement" style="display: none;">
				</div>
				<ul class="tab">
					<li class="crt j-tab" data-value="chat">直播互动</li>
					<li class="j-tab" data-value="member">在线成员</li>
				</ul>
				<div class="chat j-pannel j-chat">
				</div>
				<div class="member j-pannel hide">
					<div class="list j-member">
					</div>
					<div class="more j-more">
						<a>加载更多</a>
					</div>
				</div>
				<div id="chatroom-verified">
					<div class="edit">
						<textarea class="editText" id="editText" placeholder="Ctrl+Enter快速发送"></textarea>
					</div>
					<div class="sendBtn">
						<div id="emojiTag"></div>
						<a class="u-btn btn" id="sentText">发送</a>
						<a class="u-btn btn" id="sentWheat" style="display: none;">连麦</a>
						<a class="btn custom" id="customBtn" style="display: none;"></a>
						<a class="btn emoji" id="emoji"></a>
						
					</div>
				</div>
				<div id="chatroom-anonymous">
					<em class="loginWarn">登录后方可发送消息</em>
					<div class="loginBtn">
						<a href="./login.html" class="u-btn btn">登录聊天室</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="menu" class="m-menu" style="display:none">
		<ul>
			<li class="j-item j-kick" data-type="0"  title="移除直播室">踢人</li>
			<li class="j-item j-gag" data-type="1"  title="禁止发言">禁言</li>
			<li class="j-item j-black" data-type="2"  title="永久不能进入该直播间">拉黑该用户</li>
			<li class="j-item admin j-admin" data-type="3">任命管理员</li>
		</ul>
	</div>
	<div id="operation" style="display:none">
		<div class="btnBox">
			<div id="j-answer">接听</div>
			<div id="j-hangUp">挂断</div>
		</div>
	</div>
	<script src="../../3rd/nim_server_conf.js"></script>
	<script src="../js/config.js"></script>
	<script src="../../3rd/jquery-1.11.3.min.js"></script>
	<script src="../js/md5.js"></script>
	<script src="./src/js/util.js"></script>
	<script src="./src/js/title.js"></script>
	<script src="../../3rd/jquery-1.11.3.min.js"></script>

	<script src="../../3rd/NIM_Web_SDK_v7.2.0.js"></script>
	<script src="../../3rd/NIM_Web_WebRTC_v7.2.0.js"></script>
	<!-- <script src="../../3rd/NIM_Web_SDK.js"></script> -->
	<script src="../../3rd/NIM_Web_NIM_v7.2.0.js"></script>
	<script src="./dist/js/nemplayer.min.js"></script>
	<script src="./dist/js/neplayer.min.js"></script>
	<!-- <script>neplayer.setSWF('./dist/js/video-js.swf')</script> -->
	<script src="./src/js/config.js"></script>
	<script src="./src/js/liaotian.js"></script>
	<script src="./src/js/emoji.js"></script>
	<script src="./src/js/link.js"></script>
	<script src="./src/js/room.js"></script>
	<script src="./src/js/nim.js"></script>
	
</body>
</html>
